
    <link rel="stylesheet" href="__PUBLIC__/Chart/jquery.jOrgChart.css"/>
<include file="Public:header" />

	
<style>
.bg-primary .widget-summary .summary .title, .bg-primary .widget-summary .summary .amount,
.ibox-title{
color : #d6bf7d
}
.panel-body,label,button,.progress .progress-bar,.panel,.btn{
border-radius:2px !important;
}
.sidebar-left .sidebar-header .sidebar-toggle{
border-radius: 0 0 0 2px;
}
.panel-heading{
border-radius:2px 2px 0 0;
}
select{
border-radius:0px;
}
.sidebar-left{
background:#383838;
box-shadow:-5px 0 0 #383838 inset;
}
.sidebar-left{
width:230px;
}
.summary .amount{
color:rgba(255, 255, 255, 0.72) !important;
}
.modal-content{
border-radius:2px;
padding:1em;
}

.nav .open > a,.nav .open > a:hover{
background-color:#585757;
}
.header{
height:70px !important;
}
 @media screen and (max-width: 414px) {
.inner-wrapper{
padding-top:10px !important;
}
.dash-h4{
word-break:break-word !important;
}
strong.dash{
font-size:15px !important;
}
}
@media screen and (min-width: 415px) {
.dash-tile{
padding:10px
}

.inner-wrapper{
padding-top:46px !important;
}
}
</style>
<style>
.card img {
	max-width: 120px;;
}

a.btn {
	background: #f5f5f5;
	padding: 10px !important;
}
.regbtn{
color:red !important;
}
a{
color:black
}
.title {
	font-size: 25px;
}

.img-responsive {
	height: 35px !important;
	width: 52%;
}

.mobile {
	display: none;
}

@media screen and (max-width: 760px) {
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
	}
}

@media screen and (max-width: 410px) {
	.popover_ .content {
		width: 300px !important;
	}
}
</style>

<style>
.popover{
	max-width:100%;
}
.content .col-md-5,
.content .dark{
    background: #333;
    color: #fff;
    font-weight: 400;
    text-align:center;
}
.content .grey{
    background: #c3c3c3;
}
.content label{
	margin-bottom:0;
}
.line{

   // border-top: 1px solid #333;
   // border-bottom: 1px solid #333;
    }
    .line:first-child{
    border-top:0;
    
    }
    .line:last-child{
    border-bottom:0;
    }
.content > .row > div{
	margin-bottom : 1px;
}
.popover-content{
	padding:1px 14px;
}
.btn > p{
	margin:0;
}
.triangle{
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #ea0d0d;
}
.uptriangle{
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ea0d0d;
}
.popover{
padding:0 !important;
}
</style>
	
<section role="main" class="content-body">
    <header class="page-header" style="box-shadow: none;"></header>
    <!-- start: page -->
		<div class="row">
			<div class="col-xs-12 col-md-12 col-lg-12 ">
				<div class="panel-heading">
					<h4 class="panel-title">安置组织图</h4>
				</div>
				<div class=" panel-body" style="z-index:-1;">
					<form class="form form-horizontal" action="{:U('Team/pedigreeChart')}" method="get" style="margin-top: 0;">
						<div class="form-row row-fluid">
							<div class="col-lg-12">
								<h4>请输入团队会员用户名</h4>
								<input type="text" name="username" id="tipue_search_input" placeholder="" class="form-control" value="{$Think.get.username}">
								<br>
								<button class="btn btn-primary" type="submit" id="tipue_search_button" style="padding: 4px 12px;">
									<span class="icon16 icomoon-icon-search-3"></span>搜索</button>
							</div>
						</div>
					</form>
				</div>
				<div class="clear"></div>
       <div class=" panel-body">

	<div class="row datatables-header form-inline">
		<div class="col-sm-12 col-md-6"></div>
	</div>
	<table class="table table-bordered table-striped mb-none dataTable no-footer" id="datatable-default1" role="grid" aria-describedby="datatable-default1_info">
		<thead>
			<tr role="row" style="background-color:#FFFCEC;">
				<th class="sorting_disabled" rowspan="1" colspan="1">用户名</th>
				<th class="sorting_disabled" rowspan="1" colspan="1">等级</th>
				<th class="sorting_disabled" rowspan="1" colspan="1">左区业绩</th>
				<th class="sorting_disabled" rowspan="1" colspan="1">右区业绩</th>
				<th class="sorting_disabled" rowspan="1" colspan="1">左区剩余业绩</th>
				<th class="sorting_disabled" rowspan="1" colspan="1">右区剩余业绩</th>
				<th class="sorting_disabled" rowspan="1" colspan="1">代数</th>
				<th class="sorting_disabled" rowspan="1" colspan="1">区域</th>
			</tr>
		</thead>
		<tbody>
			<tr role="row" style="background-color:#FFFCEC;">
				<td>{$chart['1']['1']['username']}</td>
				<td>{$leavel_type[$chart['1']['1']['leavel']]['only_name']}</td>
				<td>{$chart['1']['1']['all_yeji1']}</td>
				<td>{$chart['1']['1']['all_yeji2']}</td>
				<td>{$chart['1']['1']['yeji1']}</td>
				<td>{$chart['1']['1']['yeji2']}</td>
				<td>一代</td>
				<td></td>
			</tr>
			<tr role="row">
				<td colspan="8" align="center" style="background-color:#ECF5FF;">{$chart['1']['1']['username']}推荐</td>
			</tr>
				<notempty name="chart['2']['1']['id']">
			<tr role="row" style="background-color:#ECF5FF;">
				<td>{$chart['2']['1']['username']}</td>
				<td>{$leavel_type[$chart['2']['1']['leavel']]['only_name']}</td>
				<td>{$chart['2']['1']['all_yeji1']}</td>
				<td>{$chart['2']['1']['all_yeji2']}</td>
				<td>{$chart['2']['1']['yeji1']}</td>
				<td>{$chart['2']['1']['yeji2']}</td>
				<td>二代</td>
				<td>{$chart['2']['1']['quyu']|getQuyuName}</td>		
			</tr>
			<else />
				<tr role="row" style="background-color:#ECF5FF;">
				<td colspan="6">
					<a href="/Team/register/jiename/{$chart['1']['1']['username']}/quyu/1.html">注册</a>
				</td>
				<td>二代</td>
				<td>左区</td>
			</tr>
				</notempty>		
			<notempty name="chart['2']['2']['id']">
			<tr role="row" style="background-color:#ECF5FF;">
				<td>{$chart['2']['2']['username']}</td>
				<td>{$leavel_type[$chart['2']['2']['leavel']]['only_name']}</td>
				<td>{$chart['2']['2']['all_yeji1']}</td>
				<td>{$chart['2']['2']['all_yeji2']}</td>
				<td>{$chart['2']['2']['yeji1']}</td>
				<td>{$chart['2']['2']['yeji2']}</td>
				<td>二代</td>
				<td>{$chart['2']['2']['quyu']|getQuyuName}</td>		
			</tr>
			<else />
				<tr role="row" style="background-color:#ECF5FF;">
				<td colspan="6">
					<a href="/Team/register/jiename/{$chart['1']['1']['username']}/quyu/2.html">注册</a>
				</td>
				<td>二代</td>
				<td>右区</td>
			</tr>
				</notempty>	
				<notempty name="chart['2']['1']['id']">	
			<tr role="row">
				<td colspan="8" align="center" style="background-color:#F0FFF0;">{$chart['2']['1']['username']}推荐</td>
			</tr>
				</notempty>	
				<notempty name="chart['3']['1']['id']">
			<tr role="row" style="background-color:#ECF5FF;">
				<td>{$chart['3']['1']['username']}</td>
				<td>{$leavel_type[$chart['3']['1']['leavel']]['only_name']}</td>
				<td>{$chart['3']['1']['all_yeji1']}</td>
				<td>{$chart['3']['1']['all_yeji2']}</td>
				<td>{$chart['3']['1']['yeji1']}</td>
				<td>{$chart['3']['1']['yeji2']}</td>
				<td>三代</td>
				<td>{$chart['3']['1']['quyu']|getQuyuName}</td>		
			</tr>
			<else />
				<tr role="row" style="background-color:#ECF5FF;">
				<td colspan="6">
					<a href="/Team/register/jiename/{$chart['2']['1']['username']}/quyu/1.html">注册</a>
				</td>
				<td>三代</td>
				<td>左区</td>
			</tr>
				</notempty>	
				<notempty name="chart['3']['2']['id']">
			<tr role="row" style="background-color:#ECF5FF;">
				<td>{$chart['3']['2']['username']}</td>
				<td>{$leavel_type[$chart['3']['2']['leavel']]['only_name']}</td>
				<td>{$chart['3']['2']['all_yeji1']}</td>
				<td>{$chart['3']['2']['all_yeji2']}</td>
				<td>{$chart['3']['2']['yeji1']}</td>
				<td>{$chart['3']['2']['yeji2']}</td>
				<td>三代</td>
				<td>{$chart['3']['2']['quyu']|getQuyuName}</td>		
			</tr>
			<else />
				<tr role="row" style="background-color:#ECF5FF;">
				<td colspan="6">
					<a href="/Team/register/jiename/{$chart['2']['1']['username']}/quyu/2.html">注册</a>
				</td>
				<td>三代</td>
				<td>右区</td>
			</tr>
				</notempty>	
				
				
			<notempty name="chart['2']['2']['id']">
			<tr role="row">
				<td colspan="8" align="center" style="background-color:#ECF5FF;">{$chart['2']['2']['username']}推荐</td>
			</tr>
				</notempty>	
				<notempty name="chart['3']['3']['id']">
			<tr role="row" style="background-color:#ECF5FF;">
				<td>{$chart['3']['3']['username']}</td>
				<td>{$leavel_type[$chart['3']['3']['leavel']]['only_name']}</td>
				<td>{$chart['3']['3']['all_yeji1']}</td>
				<td>{$chart['3']['3']['all_yeji2']}</td>
				<td>{$chart['3']['3']['yeji1']}</td>
				<td>{$chart['3']['3']['yeji2']}</td>
				<td>三代</td>
				<td>{$chart['3']['3']['quyu']|getQuyuName}</td>		
			</tr>
			<else />
				<tr role="row" style="background-color:#ECF5FF;">
				<td colspan="6">
					<a href="/Team/register/jiename/{$chart['2']['2']['username']}/quyu/1.html">注册</a>
				</td>
				<td>三代</td>
				<td>左区</td>
			</tr>
				</notempty>	
				
				<notempty name="chart['3']['4']['id']">
			<tr role="row" style="background-color:#ECF5FF;">
				<td>{$chart['3']['4']['username']}</td>
				<td>{$leavel_type[$chart['3']['4']['leavel']]['only_name']}</td>
				<td>{$chart['3']['4']['all_yeji1']}</td>
				<td>{$chart['3']['4']['all_yeji2']}</td>
				<td>{$chart['3']['4']['yeji1']}</td>
				<td>{$chart['3']['4']['yeji2']}</td>
				<td>三代</td>
				<td>{$chart['3']['4']['quyu']|getQuyuName}</td>		
			</tr>
			<else />
				<tr role="row" style="background-color:#ECF5FF;">
				<td colspan="6">
					<a href="/Team/register/jiename/{$chart['2']['2']['username']}/quyu/1.html">注册</a>
				</td>
				<td>三代</td>
				<td>右区</td>
			</tr>
				</notempty>	
			
		</tbody>
	</table>
</div>
        
    </section>
<script> 
        $(document).ready(function(){
            $('[data-toggle="popover_"]').popover({
				placement: 'top',
				trigger : 'hover',
				html : true,
				popover: {
					image: [],
					link: [],
					air: []
				  },
                }); 
        });

</script>
<include file="Public:footer" />